<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="${rootPath}/js/plugins/daterange/daterangepicker.css">
        <%@include file="../common/head.jspf" %>
    </head>

    <body class="profile-page gallery-page sb-l-o sb-r-c" data-menu="#menu_shop" data-list="#li_shop_list">

        <!-- 主体内容开始 -->
        <div id="main">

            <!--侧边导航栏-->
            <%@include file="../common/sidebar.jspf" %>

            <!-- Start: Content-Wrapper -->
            <section id="content_wrapper">

                <!-- 顶部导航 -->
                <header id="topbar">
                    <div class="topbar-left">
                        <ol class="breadcrumb">
                            <li class="crumb-active">
                                <span>群商天下</span>
                            </li>
                            <li class="crumb-icon">
                                <a href="dashboard"><span class="glyphicon glyphicon-home"></span></a>
                            </li>
                            <!-- 当前页 -->
                            <li class="crumb-trail">商铺主页</li>
                        </ol>
                    </div>
                    <div class="topbar-right">
                        <!-- 登录信息 -->
                        <%@include file="../common/session.jspf" %>
                    </div>
                </header>
                <!-- 顶部导航结束 -->

                <!-- 页面内容开始 -->
                <section id="content" class="pn">
                    <div class="pv30 ph40 bg-light dark br-b br-grey posr">
                        <div id="shop" class="hidden" data-id="${shop.id}" data-tab="" data-shopname="${shop.shopName}"></div>
                        <div class="btn-group profile-settings-btn">
                            <button type="button" class="btn btn-default dropdown-toggle pl20" data-toggle="dropdown"><i class="fa fa-wrench mr5"></i>相关操作
                                <span class="caret ml5"></span>
                            </button>
                            <ul class="dropdown-menu pull-right" role="menu">
                                <li>
                                    <a href="shop/edit.do?id=${shop.id}" target="_blank"><span class="glyphicons glyphicons-edit mr5"></span>编辑商铺</a>
                                </li>
                                <li>
                                    <a href="commodity/add?shopId=${shop.id}}" target="_blank"><span class="glyphicons glyphicons-cup mr5"></span>添加商品</a>
                                </li>
                                <li class="divider"></li>
                                <li id="changeStatus">
                                    <a href="javascript:;"><span class="glyphicons ${model.user.enabled == true ? 'glyphicons-lock' : 'glyphicons-unlock'} mr5"></span>${shop.enable == 1 ? '冻结' : '激活'}</a>
                                </li>
                                <li>
                                    <a href="javascript:;" id="resetPasswordBtn"><span class="glyphicons glyphicons-refresh mr5"></span>重置密码</a>
                                </li>

                            </ul>
                        </div>
                        <div class="table-layout">
                            <div class="w200 text-center pr30 hidden">
                                <img src="${rootPath}/img/avatar.jpg" class="responsive">
                            </div>
                            <div class="va-t m30">
                                <h2 class="mb20"><small>店铺名称: </small> ${shop.shopName}</h2>

                            </div>
                        </div>
                    </div>
                    <div class="p25 pt35">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="panel">
                                    <div class="panel-heading">
                                        <span class="panel-icon"><i class="fa fa-briefcase"></i></span>
                                        <span class="panel-title"> 资金账户</span>
                                    </div>
                                    <div class="panel-body pn">
                                        <table class="table mbn tc-med-2 tc-bold-last">
                                            <thead>
                                                <tr class="hidden">
                                                    <th>First Name</th>
                                                    <th>Revenue</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><span class="glyphicons glyphicons-coins text-system mr10"></span>可用金额</td>
                                                    <td><span id="available-amount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="glyphicons glyphicons-lock text-system mr10"></span>冻结金额</td>
                                                    <td><span id="frozen-amount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="glyphicons glyphicons-circle_arrow_left text-system mr10"></span>待还金额</td>
                                                    <td><span id="receivable-amount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="glyphicons glyphicons-circle_arrow_right text-system mr10"></span>待收金额</td>
                                                    <td><span id="payable-amount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="fa fa-plus-circle fs14 text-system mr10"></span>充值总额</td>
                                                    <td><span id="total-deposit"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="fa fa-minus-circle fs14 text-system mr10"></span>提现总额</td>
                                                    <td><span id="total-withdraw"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="fa fa-minus-circle fs14 text-system mr10"></span>未兑现红包总额</td>
                                                    <td><span id="total-bonus"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="panel">
                                    <div class="panel-heading">
                                        <span class="panel-icon"><i class="fa fa-trophy"></i></span>
                                        <span class="panel-title"> 借贷统计</span>
                                    </div>
                                    <div class="panel-body pn">
                                        <table class="table mbn tc-med-2 tc-bold-last">
                                            <thead>
                                                <tr class="hidden">
                                                    <th>First Name</th>
                                                    <th>Revenue</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><span class="glyphicons glyphicons-credit_card text-alert mr10"></span>借款次数</td>
                                                    <td><span id="loanCount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="fa fa-rocket fs14 text-alert mr10"></span>投资次数</td>
                                                    <td><span id="investCount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="fa fa-dot-circle-o fs14 text-alert mr10"></span>借款总额</td>
                                                    <td><span id="loanAmount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="fa fa-dot-circle-o fs14 text-alert mr10"></span>投资总额</td>
                                                    <td><span id="investAmount"><i class="fa fa-spin fa-spinner"></i></span></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="panel">
                                    <div class="panel-heading">
                                        <span class="panel-icon"><span class="glyphicons glyphicons-group"></span></span>
                                        <span class="panel-title"> 好友列表</span>
                                    </div>
                                    <div class="panel-body" id="friends" style="word-break: break-all;">
                                        <div class="fs16 text-muted mt25 mb35 text-center load-info"><span class="fa fa-spin fa-spinner mr10"></span>加载中 ..</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-9">
                                <div class="tab-block">
                                    <ul class="nav nav-tabs">
                                        <li id="li-info">
                                            <a href="#tab-info" data-toggle="tab">店铺信息</a>
                                        </li>
                                        <li id="li-images">
                                            <a href="#tab-images" data-toggle="tab">认证图片</a>
                                        </li>
                                        <li id="li-fund">
                                            <a href="#tab-fund" data-toggle="tab">店铺banner</a>
                                        </li>
                                        <li id="li-loans">
                                            <a href="#tab-loans" data-toggle="tab">店铺位置</a>
                                        </li>
                                        <li id="li-invests">
                                            <a href="#tab-invests" data-toggle="tab">店铺商品分类(导航)</a>
                                        </li>
                                        <li id="li-points">
                                            <a href="#tab-points" data-toggle="tab">二维码</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content pn">
                                        <div id="tab-info" class="tab-pane">
                                            <div class="ph15 pv40 fs14">
                                                <div class="row mb15">
                                                    <div class="col-xs-2 text-right">店铺状态：</div>
                                                    <div class="col-xs-10 col-md-6">${shop.enable == 1 ? '正常' : '冻结'}</div>
                                                </div>
                                                <div class="row mb15">
                                                    <div class="col-xs-2 text-right">店铺名：</div>
                                                    <div class="col-xs-10 col-md-6">${shop.shopName}</div>
                                                </div>
                                                <div class="row mb15">
                                                    <div class="col-xs-2 text-right">手机号码：</div>
                                                    <div class="col-xs-10 col-md-6">${shop.mobile}</div>
                                                </div>
                                                <div class="row mb15">
                                                    <div class="col-xs-2 text-right">真实姓名：</div>
                                                    <div class="col-xs-10 col-md-6">${shop.trueName == null ? '未填写' : shop.trueName}</div>
                                                </div>
                                                <div class="row mb15">
                                                    <div class="col-xs-2 text-right">身份证号：</div>
                                                    <span id="idNumber" data-idnumber="${shop.identityCard}"></span>
                                                    <div class="col-xs-10 col-md-6">${shop.identityCard == null ? '未填写' : shop.identityCard}</div>
                                                </div>
                                                
                                                <div class="row mb15">
                                                    <div class="col-xs-2 text-right">注册时间：</div>
                                                    <div class="col-xs-10 col-md-6">
                                                        <fmt:formatDate value="${shop.createTime}" pattern="yyyy/MM/dd HH:mm" />
                                                    </div>
                                                </div>

                                                <div class="buttons pull-right">
                                                    <button class="btn btn-primary ml15 shide" id="saveUserInfo"><i class="fa fa-check mr5"></i>保存信息</button>
                                                    <button class="btn btn-default light ml5 shide" id="cancelInfoEdit">取消</button>
                                                    <button class="btn btn-default ml15" id="showEditPanel">编辑信息</button>
                                                </div>
                                                <hr class="bg-light"/>

                                                <div id="displayInfo">
<!--                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">电子邮箱：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="email"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">性别：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="male"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">出生日期：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="dateOfBirth"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">婚姻状况：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="maritalStatus"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">最高学历：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="education"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">毕业院校：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="school"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">联系地址：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="address"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">公司行业：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="industry"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">公司规模：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="companySize"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">职位：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="position"></span></div>
                                                    </div>
                                                    <div class="row mb15">
                                                        <div class="col-xs-2 text-right">月收入：</div>
                                                        <div class="col-xs-10 col-md-6"><span id="salary"></span></div>
                                                    </div>-->
                                                </div>

                                                <div id="editInfo" class="admin-form shide">
                                                    <form class="form-horizontal admin-form" role="form" id="editInfoForm">
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label" for="email">电子邮箱：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <input type="email" class="form-control" name="email" id="email" placeholder="abc@softoptimus.com">
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">性别：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <label class="radio-inline mr10">
                                                                    <input type="radio" name="male" value="true">男</label>
                                                                <label class="radio-inline mr10">
                                                                    <input type="radio" name="male" value="false">女</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">出生日期：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <input type="text" name="dateOfBirth" class="gui-input" placeholder="1990-01-01">
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">婚姻状况：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <label> 
                                                                    <select name="maritalStatus" id="maritalStatus" class="form-control">
                                                                        <option value="" selected>请选择</option>
                                                                        <c:forEach var="status" items="${model.enums.maritalStatus}">
                                                                            <option value="${status}">${status.key}</option>
                                                                        </c:forEach>
                                                                    </select> 
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">最高学历：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <label> 
                                                                    <select name="education" id="education" class="form-control">
                                                                        <option value="">请选择</option>
                                                                        <c:forEach var="education" items="${model.enums.education}">
                                                                            <option value="${education}">${education.key}</option>
                                                                        </c:forEach>
                                                                    </select> 
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">毕业院校：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <input name="school" type="text" placeholder="" class="form-control"/>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">联系地址：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <input name="address" type="text" placeholder="" class="form-control"/>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">公司行业：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <label> 
                                                                    <select name="industry" id="industry" class="form-control">
                                                                        <option value="">请选择</option>
                                                                        <c:forEach var="industry" items="${model.enums.industry}">
                                                                            <option value="${industry}">${industry.key}</option>
                                                                        </c:forEach>
                                                                    </select> 
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">公司规模：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <label> 
                                                                    <select name="companySize" id="companySize" class="form-control">
                                                                        <option value="">请选择</option>
                                                                        <c:forEach var="companySize" items="${model.enums.companySize}">
                                                                            <option value="${companySize}">${companySize.key}</option>
                                                                        </c:forEach>
                                                                    </select> 
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">职位：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <input name="position" type="text" placeholder="" class="form-control"/>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-xs-2 control-label">月收入：</label>
                                                            <div class="col-xs-10 col-md-4">
                                                                <label> 
                                                                    <select name="salary" id="salary" class="form-control">
                                                                        <option value="">请选择</option>
                                                                        <c:forEach var="salary" items="${model.enums.salary}">
                                                                            <option value="${salary}">${salary.key}</option>
                                                                        </c:forEach>
                                                                    </select> 
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <!--认证图片-->
                                        <div id="tab-images" class="tab-pane p20 min-h-800">
                                            <div id="image-container" class="mt20">
                                                <div class="image bg-light pull-left cursor-pointer p10 pt30" style="height:210px;" id="addImageBtn">
                                                    <div class="text-center text-muted-lighter pt50"><fa class="fa fa-plus fw400 mr5"></fa>添加图片</div>
                                                </div>
                                            </div>
                                        </div>

                                        <!--资金记录-->
                                        <div id="tab-fund" class="tab-pane">
                                            <div class="panel panel-visible mbn br-n">
                                                <div class="panel-heading h-50 lh50 br-t-n">
                                                    <span class="panel-title">
                                                        <code><span class="glyphicons glyphicons-coins mr5"></span>共<span id="fundCount"></span>条记录</code>    
                                                    </span>
                                                    <div class="dataTables_length mn pull-right">
                                                        <label>资金类型 
                                                            <select name="fundType" id="fundType" class="form-control h-30">
                                                                <option value="">全部</option>
                                                            </select> 
                                                        </label>
                                                        <label>操作类型 
                                                            <select name="fundOperation" class="form-control h-30">
                                                                <option value="">全部</option>
                                                            </select> 
                                                        </label>
                                                        <label>资金状态 
                                                            <select name="fundStatus" class="form-control h-30">
                                                                <option value="">全部</option>
                                                            </select> 
                                                        </label>
                                                        <button class="btn btn-sm pt4 pb4 btn-system" id="searchFundRecord"><i class="fa fa-search mr5"></i>查询</button>

                                                    </div>
                                                </div>
                                                <div class="panel-body pn">
                                                    <!--<div class="markItUpHeader p14"></div>-->
                                                    <table class="table table-striped table-hover table-text-center" id="fundRecordList" cellspacing="0" width="100%">
                                                        <thead>
                                                            <tr>
                                                                <th>订单号</th>
                                                                <th>流水号</th>
                                                                <th>金额</th>
                                                                <th>类型</th>
                                                                <th>相关标的</th>
                                                                <th>操作</th>
                                                                <th>状态</th>
                                                                <th>操作时间</th>
                                                                <th>备注</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody></tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>

                                        <!--借款记录-->
                                        <div id="tab-loans" class="tab-pane">
                                            <div class="panel mn">
                                                <div class="panel-heading h-50 lh50 br-t-n">
                                                    <span class="panel-title">
                                                        <code><i class="fa fa-trophy mr5"></i>共<span id="loanCount"></span>笔借款</code>    
                                                    </span>
                                                    <div class="widget-menu pull-right"></div>
                                                </div>
                                                <div class="panel-body pn">
                                                    <table class="table table-striped table-text-center" id="loanTable">
                                                        <thead>
                                                            <tr>
                                                                <th>标的名称</th>
                                                                <th>金额</th>
                                                                <th>年利率</th>
                                                                <th>周期</th>
                                                                <th>还款方式</th>
                                                                <th>状态</th>
                                                                <th>申请时间</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>

                                        <!--投标记录-->
                                        <div id="tab-invests" class="tab-pane">
                                            <div class="panel mn">
                                                <div class="panel-heading h-50 lh50 br-t-n">
                                                    <span class="panel-title">
                                                        <code><i class="fa fa-rocket mr5"></i>共<span id="investCount"></span>条记录</code>    
                                                    </span>
                                                    <div class="widget-menu pull-right"></div>
                                                </div>
                                                <div class="panel-body pn">
                                                    <table class="table table-striped table-text-center" id="investTable">
                                                        <thead>
                                                            <tr>
                                                                <th>标的名称</th>
                                                                <th>投标金额</th>
                                                                <th>投标状态</th>
                                                                <th>投标时间</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <!--积分记录-->
                                        <div id="tab-points" class="tab-pane">
                                            <div class="panel mn">
                                                <div class="panel-heading h-50 lh50 br-t-n">
                                                    <span class="panel-title">
                                                        <code><i class="fa fa-rocket mr5"></i>共<span id="pointsCount"></span>条记录</code>    
                                                    </span>
                                                    <div class="dataTables_length mn pull-right">

                                                        <button class="btn btn-sm btn-system" id="out_points">增减积分</button>

                                                        <label style="width: 250px;">日期范围
                                                            <input type="text" class="h-30 lh30 pl10 ml5" name="daterange" id="daterangepicker" style="width: 175px;">
                                                        </label>
                                                        <label>类型 
                                                            <select name="pointsOperation" class="form-control h-30" id="pointsOperation" style="padding: 0px 12px;">
                                                                <option value="">全部</option>
                                                                <option value="IN">获得</option>
                                                                <option value="OUT">消费</option>
                                                                <option value="FROZEN">冻结</option>
                                                                <option value="THAW">解冻</option>
                                                            </select> 
                                                        </label>
                                                        <button class="btn btn-sm btn-system" id="searchPoints"><i class="fa fa-search mr5"></i>查询</button>
                                                    </div>
                                                </div>
                                                <div class="panel-body pn">
                                                    <table class="table table-striped table-text-center" id="pointsTable">
                                                        <thead>
                                                            <tr>
                                                                <th>时间</th>
                                                                <th>类型</th>
                                                                <th>积分</th>
                                                                <th>积分类型</th>
                                                                <th>积分余额</th>
                                                                <th>冻结积分</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <!--手动扣除积分相关 -->
                                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
                                            <div class="outpoints">
                                                <ul>
                                                    <li><span>操作类别：</span>
                                                        <span>
                                                            <select id="operationtype" name="operationtype" class="form-control h-30">
                                                                <option value="1">扣除积分</option>
                                                                <option value="2">增加积分</option>
                                                            </select> 
                                                        </span>
                                                    </li>
                                                    <li class="record-text" style="margin-top:10px;">
                                                        <span>积分数值：</span>
                                                        <span><input type="text" value="" id="deduction_points"/></span>
                                                    </li>
                                                    <li class="record-texts">
                                                        <span>备注：</span>
                                                        <span><input type="text" value="" id="remark_points"/></span>
                                                    </li>
                                                    <li>
                                                        <input class="btn btn-sm pt4 pb4 btn-system" data-dismiss="modal" id="cancel" value="取消"/>
                                                        <input class="btn btn-sm pt4 pb4 btn-system" type="button" id="confirm_deduction" value="确认"/>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </section>
                <!-- 页面内容结束 -->
            </section>
        </div>
        <!-- 主体内容结束 -->

        <!-- Admin Form Popup -->
        <div id="uploadPanel" class=" popup-basic admin-form mfp-with-anim mfp-hide">
            <div class="panel">
                <div class="panel-heading">
                    <span class="panel-title fs20"><i class="fa fa-rocket"></i>上传认证图片</span>
                </div>
                <div class="panel-body p25">
                    <div class="fileupload fileupload-new admin-form" data-provides="fileupload">
                        <div class="tray-bin mb10 cursor-pointer text-center pt20 text-muted-lighter bg-light dark" id="upZone">
                            <i class="fa fa-folder-open-o mr10 fs20 text-muted-lighter"></i>点击选择图片
                        </div>
                        <div class="section of-h text-center mb20" id="imagePreview"></div>
                        <div class="section mb10">
                            <label for="fileName" class="field prepend-icon">
                                <input type="text" name="fileName" id="fileName" class="event-name gui-input br-light light" placeholder="图片名称">
                                <label for="fileName" class="field-icon"><i class="fa fa-tag"></i></label>
                            </label>
                        </div>
                        <div class="section mb10">
                            <label class="field prepend-icon">
                                <textarea class="gui-textarea br-light h-80 bg-light" id="description" name="description" placeholder="图片说明"></textarea>
                                <label for="comment" class="field-icon"><i class="fa fa-comments"></i></label>
                                <span class="input-footer hidden">
                                    <strong>提示:</strong>只能上传图片、PDF、doc...</span>
                            </label>
                        </div>
                        <button class="btn btn-primary btn-block" id="doUploadBtn"><i class="fa fa-check mr10"></i>保存图片</button>

                        <form action="" name="uploadForm" class="hidden" >
                            <input type="file" id="fileInput"/> 
                            <button class="btn btn-danger hidden" id="uploadBtn"><i class="icon-ok"></i> 上传</button>
                        </form>
                    </div>
                </div>
            </div>
            <!-- end: .panel -->
        </div>
        <!--操作菜单模板-->
        <div id="operationHTML" class="hidden">
            <div class="btn-group">
                <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-wrench mr5"></i>操作
                    <span class="caret ml5"></span>
                </button>
                <ul class="dropdown-menu pull-right" role="menu">
                    <li onclick="deleteCard('#userId', '#cardId');">
                        <a href="javascript:;"><span class="glyphicons glyphicons-lock text-danger mr5"></span>解绑</a>
                    </li>
                </ul>
            </div>
        </div>
        <script type="text/x-tmpl-mustache" id="imageTemplate">
            <div class="image bg-light mr20 p10 mw180 pull-left">
            <div class="text-center of-h bg-white">
            <img src="{{url}}!s" data-url="{{url}}" class="h-120 doc_img cursor-pointer" title="{{name}}" />
            </div>
            <div class="img-title">
            <h6 class="ellipsis"><code>{{name}}</code></h6>
            <h6>上传日期：{{createTime}}</h6>
            <h6 class="mbn">
            <span class="visible-link mr10 cursor-pointer" data-id="{{id}}" data-visible="{{visible}}"><i class="fa fa fa-eye-slash {{vclass}}"></i> 前端可见</span>
            <span class="delete-link cursor-pointer" data-id="{{id}}"><i class="fa fa fa-times text-danger"></i> 删除</span>
            </h6>
            </div>
            </div>
        </script>
        <script type="text/x-tmpl-mustache" id="refereeTemplate">
            <a href="user/index/{{id}}" target="_blank">{{loginName}}（{{name}}）</a>
        </script>

        <!-- 公共函数 -->
        <%@include file="../common/scripts.jspf" %>
        <script type="text/javascript" src="${rootPath}/js/admin-tools/admin-forms/js/jquery-ui-timepicker.min.js"></script>
        <script type="text/javascript" src="${rootPath}/js/admin-tools/admin-forms/js/lang/jquery-ui-timepicker-zh.js"></script>
        <script type="text/javascript" src="${rootPath}/js/plugins/daterange/moment.min.js"></script>
        <script type="text/javascript" src="${rootPath}/js/plugins/daterange/daterangepicker.js"></script>
        <script type="text/javascript" src="${rootPath}/js/pages/shop/index.js"></script>
    </body>
</html>
